<template>
  <div class="home">
    <Nav></Nav>
    <div class="bottom">
      <Bar></Bar>
      <div class="view">
        <router-view />
      </div>
    </div>

  </div>
</template>

<script lang="ts">
import { Options, Vue } from 'vue-class-component';
import Nav from '../components/Nav.vue';
import Bar from '../components/Bar.vue'; // @ is an alias to /src

@Options({
  components: {
    Nav,Bar
  },
})
export default class HomeView extends Vue {

}
</script>
<style scoped lang="less">
  .home{
    width: 100%;
    height: 100%;
  }
  .bottom{
    height: auto;
    width: 100%;
  }
  .view{
    float: left;
    width: calc(100% - 200px);
    height: 100%;
    display: flex;
    justify-content: center;
  }
  </style>